<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <title>CMS</title>
        <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
        <!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css" media="screen" /><![endif]-->
        <!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css" media="screen" /><![endif]-->

        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/script.js"></script>
    </h:head>
    <h:body>
        <div id="art-page-background-glare">
            <div id="art-page-background-glare-image">
                <div id="art-main">
                    <div class="art-sheet">
                        <div class="art-sheet-tl"></div>
                        <div class="art-sheet-tr"></div>
                        <div class="art-sheet-bl"></div>
                        <div class="art-sheet-br"></div>
                        <div class="art-sheet-tc"></div>
                        <div class="art-sheet-bc"></div>
                        <div class="art-sheet-cl"></div>
                        <div class="art-sheet-cr"></div>
                        <div class="art-sheet-cc"></div>
                        <div class="art-sheet-body">
                            <div class="art-header">
                                <div class="art-header-center">
                                    <div class="art-header-png"></div>
                                </div>
                                <div class="art-logo">
                                    <h1 id="name-text" class="art-logo-name"><a href="#">CMS</a></h1>
                                    <h2 id="slogan-text" class="art-logo-text">Aptech</h2>
                                </div>
                            </div>
                            <div class="art-nav">
                                <div class="l"></div>
                                <div class="r"></div>
                                <ul class="art-menu">
                                    <li>
                                        <a href="index.xhtml" class="active"><span class="l"></span><span class="r"></span><span class="t">Home</span></a>
                                    </li>
                                </ul>
                            </div>
                            <div class="art-content-layout">
                                <div class="art-content-layout-row">
                                    <div class="art-layout-cell art-sidebar1">
                                        <h:panelGroup id="menu" rendered="#{staffLoginBean.statusloged}">
                                            <div class="art-vmenublock">
                                                <div class="art-vmenublock-body">
                                                    <div class="art-vmenublockheader">
                                                        <h3 class="t">Menu</h3>
                                                    </div>
                                                    <div class="art-vmenublockcontent">
                                                        <div class="art-vmenublockcontent-body">
                                                            <ul class="art-vmenu">
                                                                <li>
                                                                    <a href="addcourse.xhtml"><span class="l"></span><span class="r"></span><span class="t">Add Courses</span></a>
                                                                </li>
                                                                <li>
                                                                    <a href="listcourses.xhtml"><span class="l"></span><span class="r"></span><span class="t">List Courses</span></a>
                                                                </li>
                                                                <li>
                                                                    <a href="addclass.xhtml"><span class="l"></span><span class="r"></span><span class="t">Add Class</span></a>
                                                                </li>
                                                                <li>
                                                                    <a href="listclass.xhtml"><span class="l"></span><span class="r"></span><span class="t">List Class</span></a>
                                                                </li>
                                                                <li>
                                                                    <a href="addteachers.xhtml"><span class="l"></span><span class="r"></span><span class="t">Add Teachers</span></a>
                                                                </li>
                                                                <li>
                                                                    <a href="listteachers.xhtml"><span class="l"></span><span class="r"></span><span class="t">List Teachers</span></a>
                                                                </li>
                                                            </ul>

                                                            <div class="cleared"></div>
                                                        </div>
                                                    </div>
                                                    <div class="cleared"></div>
                                                </div>
                                            </div>
                                        </h:panelGroup>
                                        <div class="art-block">
                                            <div class="art-block-body">
                                                <div class="art-blockheader">
                                                    <h3 class="t">Login Form</h3>
                                                </div>
                                                <div class="art-blockcontent">
                                                    <div class="art-blockcontent-body">
                                                        <h:panelGroup id="login" rendered="#{staffLoginBean.status}">
                                                            <h:form>
                                                                <fieldset class="input">
                                                                    <p id="form-login-username">
                                                                        <label for="modlgn_username">Username</label><br />
                                                                        <h:inputText size="25" value="#{staffLoginBean.stname}"></h:inputText>

                                                                    </p>
                                                                    <p id="form-login-password">
                                                                        <label for="modlgn_passwd">Password</label><br />
                                                                        <h:inputSecret size="25" value="#{staffLoginBean.stpass}"></h:inputSecret>
                                                                    </p>
                                                                    <p id="form-login-remember">
                                                                        <label for="modlgn_remember">Remember Me</label>
                                                                        <input id="modlgn_remember" type="checkbox" name="remember" class="inputbox" value="yes" alt="Remember Me" />
                                                                    </p>
                                                                    <h:commandButton value="Login" action="#{staffLoginBean.login}"></h:commandButton>
                                                                    <ul>
                                                                        <li><a href="#">Forgot your password?</a></li>
                                                                    </ul>
                                                                </fieldset>

                                                            </h:form>
                                                        </h:panelGroup>
                                                        <h:panelGroup id="member" rendered="#{staffLoginBean.statusloged}">
                                                            <h:form>
                                                                Welcome: <h:outputText value="#{staffLoginBean.stname}"></h:outputText>
                                                                <h:commandLink value="Logout" action="#{staffLoginBean.logout}"></h:commandLink>
                                                            </h:form>
                                                        </h:panelGroup>
                                                        <div class="cleared"></div>
                                                    </div>
                                                </div>
                                                <div class="cleared"></div>
                                            </div>
                                        </div>
                                        <div class="cleared"></div>
                                    </div>
                                    <div class="art-layout-cell art-content">
                                        <div class="art-post">
                                            <ui:insert name="content">

                                            </ui:insert>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="cleared"></div>
                            <div class="art-footer">
                                <div class="art-footer-t"></div>
                                <div class="art-footer-l"></div>
                                <div class="art-footer-b"></div>
                                <div class="art-footer-r"></div>
                                <div class="art-footer-body">
                                    <a href="#" class="art-rss-tag-icon" title="RSS"></a>
                                    <div class="art-footer-text">
                                        <p>Copyright &copy; 2011. All Rights Reserved.</p>
                                    </div>
                                    <div class="cleared"></div>
                                </div>
                            </div>
                            <div class="cleared"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </h:body>
</html>

